<div class="row animated" ng-class="{true: 'fadeInRight', false:'fadeInLeft'}[currentAnimated]">
  <div class="col-xs-12 col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <a ng-click="discard()" href="javascript:;"><i class="backBtn fa fa-arrow-circle-left"></i></a>
        <span class="panelTitle" ng-bind="DictForm.title"></span>
      </div>
      <div class="panel-body">
        <form novalidate role="form" name="dictForm" class="form-horizontal">
          <div class="form-group" ng-class="{'has-error': dictForm.propertyName.$invalid && dictForm.propertyName.$dirty}">
            <label class="col-xs-3 col-md-2 control-label">配置名称：</label>
            <div class="col-xs-7 col-md-8">
              <input type="text" name="propertyName" class="form-control w25c" placeholder="配置名称" ng-model="dict.propertyName" required readonly="readonly" disabled="disabled">
            </div>
            <div class="col-xs-2 col-md-2" ng-show="dictForm.propertyName.$dirty && dictForm.propertyName.$invalid">
              <span class="text-danger" ng-show="dictForm.propertyName.$error.required">请输入配置名称</span>
            </div>
          </div>
          <div class="form-group" ng-class="{'has-error': dictForm.value.$invalid && dictForm.value.$dirty}">
            <label class="col-xs-3 col-md-2 control-label">配置值：</label>
            <div class="col-xs-7 col-md-8">
              <input type="text" name="value" class="form-control w25c" placeholder="配置值" ng-model="dict.value" required>
            </div>
            <div class="col-xs-2 col-md-2" ng-show="dictForm.value.$dirty && dictForm.value.$invalid">
              <span class="text-danger" ng-show="dictForm.value.$error.required">请输入配置值</span>
            </div>
          </div>
          <div class="form-group">
            <label class="col-xs-3 col-md-2 control-label">样式名：</label>
            <div class="col-xs-7 col-md-8">
              <input type="text" name="css" class="form-control w25c" placeholder="指定样式名" ng-model="dict.css">
            </div>
          </div>
          <div class="form-group">
            <label class="col-xs-3 col-md-2 control-label">描述：</label>
            <div class="col-xs-7 col-md-8">
              <input type="text" name="desc" class="form-control w25c" placeholder="描述" ng-model="dict.desc">
            </div>
          </div>
          <div class="form-group">
            <label class="col-xs-3 col-md-2 control-label">排序值：</label>
            <div class="col-xs-7 col-md-8">
              <input type="number" name="sort" class="form-control w25c" placeholder="排序值" ng-model="dict.sort" >
            </div>
          </div>
          <div class="form-group">
            <label class="col-xs-3 col-md-2 control-label">状态：</label>
            <div class="col-xs-7 col-md-8">
              <input type="number" name="status" class="form-control w25c" placeholder="状态" ng-model="dict.status" >
            </div>
          </div>
          <div class="col-xs-offset-2 col-md-offset-2 col-xs-offset-10 col-md-offset-10">
            <button class="btn btn-primary" type="submit" ng-click="submitForm()"  ng-disabled="dictForm.$invalid">保存</button>
            <button class="btn btn-white" ng-click="discard()">取消</button>
          </div>
        </form>
      </div>
    </div>    
  </div>
</div>